<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<title>51微贷</title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css">
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="../../css/coverflow.css">
		<link rel="stylesheet" type="text/css" href="../../css/common.css">
		<script type="text/javascript" src="../../js/rem.js"></script>
	</head>
	<body>
		<div class="m-index">
			<div class="mui-slider slider">
				<div class="mui-slider-group mui-slider-loop slider-group">
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#"><img src="../../images/banner.png"></a>
					</div>
					<div class="mui-slider-item">
						<a href="#"><img src="../../images/banner.png"></a>
					</div>
					<div class="mui-slider-item">
						<a href="#"><img src="../../images/banner.png"></a>
					</div>
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#"><img src="../../images/banner.png"></a>
					</div>
				</div>
				<div class="mui-slider-indicator slider-indicator">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
				</div>
			</div>
			<div class="index-tabs">
				<a href="javascript:;" class="tab">
					<img src="../../images/index-icon-1.png">
					<span>我要借款</span>
				</a>
				<a href="javascript:;" class="tab">
					<img src="../../images/index-icon-2.png">
					<span>我要投资</span>
				</a>
				<a href="javascript:;" class="tab">
					<img src="../../images/index-icon-3.png">
					<span>安全保障</span>
				</a>
				<a href="javascript:;" class="tab">
					<img src="../../images/index-icon-4.png">
					<span>新手指引</span>
				</a>
			</div>
			<div class="index-recommend swiper-container">
				<div class="m-recommend swiper-wrapper" id="m-recommend">
					<div class="recommend swiper-slide">
						<i class="bd bd-1"></i>
						<h3>车贷宝【2017032101】</h3>
						<div class="rate">
							<p class="percent">11.9%</p>
							<p>预期年化收益</p>
						</div>
						<div class="info">
							<span class="f-fl">4个月</span>
							<span class="f-fr">进度65%</span>
							<span class="center">剩余20万元</span>
						</div>
						<a href="javascript:;" class="btn">
							<span class="text">立即投资</span>
							<span class="number">已加入33人</span>
						</a>
					</div>
					<div class="recommend swiper-slide">
						<!-- new add 09-28 -->
						<span class="sign f-pa">新手专享<i class="triangle f-pa"></i></span>
						<!-- end -->
						<i class="bd"></i>
						<h3>车贷宝【2017032101】</h3>
						<div class="rate">
							<p class="percent">11.9%</p>
							<p>预期年化收益</p>
						</div>
						<div class="info">
							<span class="f-fl">4个月</span>
							<span class="f-fr">进度65%</span>
							<span class="center">剩余20万元</span>
						</div>
						<a href="javascript:;" class="btn">
							<span class="text">立即投资</span>
							<span class="number">已加入33人</span>
						</a>
					</div>
					<div class="recommend swiper-slide">
						<i class="bd bd-2"></i>
						<h3>车贷宝【2017032101】</h3>
						<div class="rate">
							<p class="percent">11.9%</p>
							<p>预期年化收益</p>
						</div>
						<div class="info">
							<span class="f-fl">4个月</span>
							<span class="f-fr">进度65%</span>
							<span class="center">剩余20万元</span>
						</div>
						<a href="javascript:;" class="btn">
							<span class="text">立即投资</span>
							<span class="number">已加入33人</span>
						</a>
					</div>
				</div>
			</div>
		</div>
		<div class="nav-bar">
			<ul class="clearfix">
				<li class="active">
					<i class="icon-1"></i>
					<span>首页</span>
				</li>
				<li>
					<i class="icon-2"></i>
					<span>理财</span>
				</li>
				<li>
					<i class="icon-3"></i>
					<span>发现</span>
				</li>
				<li>
					<i class="icon-4"></i>
					<span>我</span>
				</li>
			</ul>
		</div>
		<script type="text/javascript" src="../../js/jquery-1.12.4.min.js"></script>
		<script type="text/javascript" src="../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../js/swiper.min.js"></script>

		<script type="text/javascript">
			var swiper = new Swiper('.index-recommend', {
				effect: 'coverflow',
				grabCursor: true,
				centeredSlides: true,
				slidesPerView: 'auto',
				initialSlide: 1,
				coverflow: {
					rotate: 50,
					stretch: 0,
					depth: 100,
					modifier: 1,
					slideShadows: false
				}
			});
		</script>
	</body>
</html>